<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>BootCDN</title>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
          rel="stylesheet">
    <style>

    </style>

</head>
<body>
    <div id="head" style="background-color: #27AE60">
        <div class="row">
            <a href="/"><img style="height:80px;margin-left: 300px;" src="imgs/ico_1.png"> </a>
            <a href="#" style="margin-left:800px;margin-right:20px;color:white;">API</a>
            <a href="#" style="margin-left:20px;margin-right:20px;color:white;">博客</a>
            <a href="#" style="margin-left:20px;margin-right:20px;color:white;">关于</a>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <h1 style="color:white;text-align:center; text-shadow: 5px 5px 5px #999;font-size:50px;"><b>BootCDN</b></h1>
                <p style="text-align:center;color:white;font-size:20px">稳定、快速、免费的前端开源项目 CDN 加速服务<br>
                    <span class="package-amount">共收录了 <strong>3382</strong> 个前端开源项目</span></p>
                <div class="search-wraper col-md-4 col-md-offset-4" role="search" >
                    <div class="form-group" style="margin-top:30px;margin-bottom: 80px;padding">
                        <input class="form-control input-lg search clearable" placeholder="搜索开源库，例如：jquery" autocomplete="off" autofocus="" tabindex="0" autocorrect="off" autocapitalize="off" spellcheck="false">
                        <i class="fa fa-search"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <nav class="navbar navbar-default">
             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <div class="col-md-5 col-md-offset-4">
                    <img src="imgs/1.svg" style="height:40px;margin:10px 20px 10px -80px">
                    <img src="imgs/2.svg" style="height:40px;margin:10px 20px 10px 20px">
                    <img src="imgs/3.svg" style="height:40px;margin:10px 20px 10px 20px">
                    <img src="imgs/4.svg" style="height:40px;margin:10px 20px 10px 20px">
                    <img src="imgs/5.svg" style="height:40px;margin:10px 20px 10px 20px">
                    <img src="imgs/6.svg" style="height:40px;margin:10px 20px 10px 20px">
                    <img src="imgs/7.svg" style="height:40px;margin:10px 20px 10px 20px">
                    <img src="imgs/8.svg" style="height:40px;margin:10px 20px 10px 20px">
                </div>
             </div>
        </nav>

    </div>
    <p style="magin:50px 20px 100px 0px;color:gray;" class="col-md-offset-8">拒绝流量劫持，全面使用HTTPS!</p><br>
    <div class="col-md-6 col-md-offset-3 listgroup" style="margin-bottom: 100px;">
        <table class="table table-hover" >
        <tbody>
        <tr>
            <th scope="row" width="300px" height="80px"><a href="#" style="color:slategray;text-decoration: none;"><br>bootstrap</a></th>
            <td><a href="#" style="color:slategray;text-decoration: none;"><br>Bootstrap是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的WEB项目</a></td>
        </tr>
        <tr>
            <th scope="row" width="300px" height="80px"><a href="#" style="color:slategray;text-decoration: none;"><br>vue</a></th>
            <td><a href="#" style="color:slategray;text-decoration: none;"><br>Vue是一套用于构建用户界面的渐进式框架。与其他框架不同的是，Vue被设计为可以自底向上逐层应用。</a></td>
        </tr>
        <tr>
            <th scope="row" width="300px" height="80px"><a href="#" style="color:slategray;text-decoration: none;"><br>require.js</a></th>
            <td><a href="#" style="color:slategray;text-decoration: none;"> <br>RequireJS 是一个 JavaScript 文件和模块载入工具。它针对浏览器使用场景进行了优化，并且也可以应用到其他 JavaScript 环境中，例如 Rhino 和 Node.js。</a></td>
        </tr>
        <tr>
            <td  height="80px" colspan="2">
                <a href="#"  style="color: #27ae60;text-align: center;">所有开源项目列表</a>
            </td>
        </tr>
        </tbody>
    </table>
    </div>


    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>